<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>搜索框</title>
		<style>
		        body {
		            display: flex;
		            justify-content: center;
		            align-items: center;
		            height: 100vh;
		            background-color: #f5f5f5;
		            margin: 0;
		        }
		        .search-box {
		            display: flex;
		            border: 1px solid #ddd;
		            border-radius: 2px;
		            overflow: hidden;
		        }
		        .search-input {
		            padding: 8px 12px;
		            border: none;
		            outline: none;
		            font-size: 14px;
		            width: 200px;
		        }
		        .search-btn {
		            background-color: #e1251b;
		            color: #fff;
		            border: none;
		            padding: 0 16px;
		            cursor: pointer;
		            font-size: 14px;
		        }
		    </style>
	</head>
	<body>
		<form class="search-box" action="https://search.jd.com/Search" method="get" target="_blank">
		        <input type="text" class="search-input" placeholder="搜索 京东商品" name="keyword">
		        <button class="search-btn" type="submit">搜索</button>
		    </form>
	</body>
</html>